已經太久沒有接觸了，現在又得重新開始慢慢把記憶找回來了，果然程式這種東西就是需要不停的練習阿。
雖然說這次30天打算寫JS，不過我CSS才剛學一陣子，所以文章可能會交錯發Orz。
今天先從前陣子才又回來摸索的CSS開始。
Float浮動元素的效果，就是可以將兩個或兩個以上的DIV或是區塊元素並排在一起。
float: left ; // 向左對齊
float: right ; // 向右對齊
浮動元素有個特性，他會看父元素的像素多少，如果父元素像素(比如瀏覽器寬度)比浮動元素並排後的總像素小的話，排不下去的就會往下排列。
比如說
圖一:
圖二:
當父元素(圖片無填色方框)尺寸等於或是大於浮動元素，這時候就會呈現並排效果(如圖一)
但是如果浮動元素尺寸寬度加總超過了父元素尺寸，則會往下排列(圖二)
但是因為浮動元素的特性，他不會將父元素的高度撐高，這時候如果後面繼續寫程式碼加入元素的話會變成有重疊的問題，解決方式是使用clear語法清除浮動。
下一篇會講到clear清除浮動。
iThome鐵人賽
看影片追技術